@charset "utf-8";
/* reset css */
html,body,h1,h2,h3,h4,h5,ul,fieldset,legend,p,form,table,tr,td,li,span{padding:0;margin:0;}
li{ list-style:none; }
a{ text-decoration:none; color:#000}
a:hover{ color: #0088CC; text-decoration: underline;}
table { border-collapse:collapse; border-spacing:0; }
.left{ float:left; }
.right{ float:right; }
.clear {zoom:1;}
.clear:after {content:"";visibility:hidden;display:block;height:0;clear:both;}

/* blog */
header{ background: #F9F9F9; padding: 15px;}
header a{ color: #000; font-size: 24px; }
header p{ color: #999; text-indent: 10px; font-style: italic;}
nav{ background: #F6F6F6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 15px;}
nav a{ color: #313131; display: inline-block; margin-right: 15px;}
header a:hover, nav a:hover, #main .postTt a:hover{ text-decoration: none; text-shadow: 1px 0 1px rgba(82, 168, 236, 0.6);}
#main{ margin-right: 300px; padding-top: 5px;}
#main .post{ padding: 15px; margin-bottom: 30px;}
#main .postTt{ margin-bottom: 16px; border-bottom: 1px dotted #CCC; font-size: 14px;}
#main .postCt p{ margin-bottom: 16px;}
#main .postFt{ text-align: right; color: #747474;}

#sidebar{ border-left: 1px solid #CCCCCC; width: 299px; position: absolute; top: 100px; right: 0; padding-bottom: 30px;}
#sidebar aside{ padding-left: 20px; margin-top: 30px;}
#sidebar aside h3{ color:#747474; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; margin-left: 12px;}
#sidebar aside ul li{ list-style: square inside none;}
#pages{ padding:0 20px;}
footer{ text-align: center; margin: 20px 0 30px;}